<style type="text/css">
	header{
		display:none;
	}
	footer{
		display:none ;
	}
	section{
		top:0;
	}
	ul,li,h1,h2,h3,h4,h5,dl,dt,dd,p,{
		margin:0;
		padding:0;
	}
	img{
		display:block;
		margin:0 auto;
	}
	ul li {
		list-style:none;
	}
	a{
	  text-decoration:none;
	}
	.bigdiv{
		position:absolute;
		right:0;
		left:0;
		overflow:auto;
		background-color:#efefef;
		
	}
	.head{
		width:100%;
	    height:1.40625rem;
	    background-color:#f9fafd;
	    text-align:center;
	    line-height:1.40625rem;
	    border-bottom:solid 0.03125rem #e0e0e0;
	    display:flex;
	    align-items:center;
	}
	.div1{
		color:#777777;
		width:15%;
		height:100%;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:0.4375rem;
	}
	
	.head>div:nth-child(2){
		display: flex;
		height:100%;
		/*width:6.25rem;*/
		flex-grow:1;
		align-items:center;
		justify-content:center;

	}
	.head input{
		font-size:0.46875rem;
		padding-left:0.9rem;
		background:url("img/搜索aa.png") no-repeat left center;
		background-size:15%;
		border-radius:0.15625rem;
		width:80%;
		height:70%;
		color:#CCCCCC;
		outline: none;
	}
	.main-div{
		width:97%;
		/*height:10rem;*/
		padding-top:0.9375rem;
		padding-left:0.46875rem
	}
	.main-div ul{
		display:flex;
		align-items:center;
		font-size:0.46875rem;
		margin-bottom:0.390625rem;
		margin-top:0.3125rem;
	}
	.main-div li{
		height:1.25rem;
		background-color:#ffffff;
		border-radius:0.78125rem;
		/*width:2.1875rem;*/
		padding:0 0.46875rem;
		margin-right:0.3125rem;
		display: flex;
		align-items:center;
		justify-content:center;
		
	}
	
	.cdiv{
		width:100%;
		height:1.5rem;
		display:flex;
		align-items:center;
		justify-content:center;
		margin-top:1.484375rem;
		
		
	}
	.clear{
		width: 6.71875rem;
		height:1.25rem;
		text-align:center;
		border:solid 1px #CCCCCC;
		border-radius:0.15625rem;
		font-size:0.5rem;
		background-color:#efefef;
		color:#CCCCCC;
	}
</style>
<div class="bigdiv">
	<div class="head">
		<div class='div1'><a href="#/home"><img src="img/箭头a.png"></a></div>
		<div><input type="text" placeholder="请输入商品名称..." ></div>
		<div class='div1' id="btn">搜索</div>
	</div>
	
	<div class="main-div"> 
		<h2 style="color:#A7A7A7">热门搜索</h2>
		<ul>
			<li>大闸蟹</li>
			<li>水</li>
			<li>中秋月饼</li>
			<li>酸奶</li>
		</ul>
		<ul>
			<li>啤酒</li>
			<li>西瓜</li>
			<li>大荔枝枣</li>
		</ul>
		
		<ul>
			<li>贝儿蛋糕</li>
			<li>月盛斋</li>
		</ul>
		
		
		<h3 style="margin-top:1.40625rem;margin-bottom:0.3125rem">历史记录</h3>
		<ul>
			<li>大闸蟹</li>
		</ul>
		
		<div class="cdiv"><input type="text" value="清空历史" class="clear"/></div>
	</div>
</div>